<template>
  <div class="demo-image__error">
    <el-image>
      <div slot="error" class="image-slot">
        <i class="el-icon-picture-outline"></i>
        <div>加载失败</div>
      </div>
    </el-image>
  </div>
</template>

<script>
export default {
  name: 'NoPictures'
}
</script>

<style lang="scss">
  .demo-image__error{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #ebedf0;
    .el-image{
      width: 100%;
      height: 100%;
      position: relative;
      background-color: #ebedf0;
    }
    .image-slot{
      width: 100px;
      height: 100px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      text-align: center;
      color: #9b9b9c;
      i{
        font-size: 80px;
      }
    }
  }
</style>
